<!DOCTYPE html>
<html>
<head lang="en">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"/>
    <meta charset="UTF-8">
    <title>Pulu-提现</title>
    <link rel="shortcut icon" href="img/smlogo.png" type="image/x-icon">
    <link rel="stylesheet" href="css/withdrawals.css"/>
    <style>
        /*加载中等待*/
        #waitplace{
            width:100%;
            z-index: 1000;
            left:0;
            right:0;
            /*改*/
            position:fixed;
            top:45%;
        }
        #waitplace>div{
            width:80px;
            max-width:240px;
            height:80px;
            background:rgba(53,53,53,0.5);
            overflow: hidden;
            border-radius:4px ;
            margin:auto;
        }
        #waitplace>div>div:first-child{
            width:100%;
            height:80px;
            text-align: center;
            line-height: 80px;
        }
        #waitplace>div>div:first-child>img{
            width:44px;
            height:44px;
            -webkit-animation:circle 1s infinite linear;/*匀速 循环*/
            margin-top:17px;
        }
        @-webkit-keyframes circle{
            0%{ transform:rotate(0deg); }
            100%{ transform:rotate(-360deg); }
        }

    </style>
</head>
<body>
<!--填写信息-->
<div id="user" style="display:block">
    <header id="mainheader">
        <div></div>
    </header>
    <!--提醒-->
    <div id="noteword">请输入持卡人的银行卡及手机号</div>
    <!--输入区-->
    <div class="infoplace">
        <div class="people">
            <div class="lf">持卡人</div>
            <div>
                <input id="username" type="text" maxlength="7"  placeholder="请输入持卡人姓名"/>
            </div>
        </div>
        <div class="num">
            <div class="lf">卡号</div>
            <div>
                <input id="banknumber" type="number" placeholder="请输入银行卡号"/>
            </div>
        </div>
        <div class="phone">
            <div class="lf">手机号</div>
            <div id="testtime" class="rt">获取验证码</div>
            <div>
                <input id="phonenumber" type="number" placeholder="请输入手机号"/>
            </div>
        </div>
        <div class="test">
            <div class="lf">验证码</div>
            <div>
                <input id="testnumber" type="number" placeholder="请输入验证码"/>
            </div>
        </div>
    </div>
    <!--下一步-->
    <div id="usernextbtn" class="canclick">下一步</div>
</div>
<!--填写金额-->
<header id="moneyheader" style="display:none">
    <div></div>
</header>
<div id="money" style="display:none">
    <div class="body">
        <div class="title">
            <div class="lf">银行卡号</div>
            <div id="showbanknumber"></div>
        </div>
        <div>
            <div class="moneyinputplace">
                <h2>提现金额</h2>
                <div>
                    <div class="moneylogo lf"></div>
                    <div class="moneyinputdiv">
                        <input id="withdrawalinput" type="number" max="9999.99"/>
                    </div>
                </div>
            </div>
            <div class="showlastmoney">当前零钱余额<span id="lastmoney"></span></div>
        </div>
    </div>
    <div class="wnoteword">预计三天内到账</div>
    <div id="withdrawalbtn">提现</div>
</div>
<!--收费提示-->
<div id="taxnote">
    <div>
        <div class="taxnoteplace">
            <div class="title">收费提示</div>
            <div class="noteword">本次提现系统将收取1%手续费，最低1元</div>
            <div class="moneydetail">
                <div class="rt allmoney">12.2</div>
                <div>本次提现金额</div>
            </div>
            <div class="moneydetail">
                <div class="rt taxmoney"></div>
                <div>本次手续费</div>
            </div>
            <div class="btnplace">
                <div id="taxokbtn" class="rt">继续提现</div>
                <div id="taxnobtn" class="rt">取消</div>
            </div>
        </div>
    </div>
</div>
<!--验证审核-->
<div id="examine" style="display:none">
    <header id="examineheader">
        <div></div>
    </header>
    <div class="title">
        <div class="timelogo"></div>
        <div class="word">提现申请已提交</div>
    </div>
    <div class="infoplace">
        <div>
            <div class="lf">银行卡</div>
            <div id="banknum"></div>
        </div>
        <div>
            <div class="lf">提现金额</div>
            <div id="showmoney"></div>
        </div>
        <div>
            <div class="lf">手续费</div>
            <div id="taxmoney"></div>
        </div>
    </div>
    <div id="finishbtn">完成</div>
</div>
<!--等待-->
<div id="waitplace" style="display: none;">
    <div>
        <div class="lf">
            <img src="img/aoy.png">
        </div>
    </div>
</div>

<script src="js/jquery-1.11.3.js"></script>
<script src="js/jquery.cookie.js"></script>
<script src="ftnjs/banknumtest.js"></script>
<script src="ftnjs/urlnote.js"></script>
<script src="js/withdrawals.js"></script>
</body>
</html>